<template>
  <div>
    <div class="header">
      <ul class="nav">
        <li><router-link to="/fist">UI-Router</router-link></li>
        <li><router-link to="/second">Contacts</router-link></li>
        <li><router-link to="/three">About</router-link></li>
      </ul>
    </div>
    <div style="border-bottom: 1px solid #ccc"></div>

    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>

<style>
.header {
  height: 50px;
}
.nav > li {
  margin-left: 10px;
  display: block;
  float: left;
}
</style>